home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 123 / MacAddict_123_2006_11.iso / Software / Internet & Communication / Sandvox 1.0.4.dmg / Sandvox.app / Contents / Designs / Simply Purple.svxDesign / main.css < prev    next >
Cascading Style Sheet File  |  2006-08-04  |  11KB  |  671 lines
  1. /* 
  2.    css Copyright (c) 2005-2006 by Karelia Software. All rights reserved.
  3.    css released under Creative Commons License 
  4.         - http://creativecommons.org/licenses/by-sa/2.5/ 
  5.    All associated graphics belong to their respective owners 
  6.         and are licensed separately. 
  7. */
  8.  
  9. a img { border: none; }
  10.  
  11. .clear {
  12.     clear: both;
  13.     height: 0;
  14. }
  15.  
  16. .hidden {
  17.     display:none;
  18. }
  19.  
  20. /* Images embedded in text.  "narrow" are 200 pixels wide or smaller. */
  21. img .narrow {
  22.     float: right;
  23. }
  24. img .wide {
  25.     display: block;
  26. }
  27.  
  28. /* Block Level formatting, more or less in descending order */
  29.  
  30. body {
  31.     font-size: 76%;
  32.     font-family: Arial, helvetica, verdana, sans-serif;
  33.     margin: 0px;
  34.     background: white url(bkgd.png) top repeat-x;
  35.     word-wrap:break-word;
  36. }
  37.  
  38.  
  39. #page {
  40.     margin: auto;
  41.     width: 771px;
  42.  
  43. }
  44.  
  45. body.no-sidebar #page {
  46.  
  47. }
  48.  
  49. #page-top {
  50.     margin:0;
  51. }
  52.  
  53. #title {
  54.     padding: 0;
  55.     background: rgb(147, 116, 143);
  56.     padding-bottom: 2px;
  57.     text-align: center;
  58.     text-decoration:none;
  59.     margin: 0;
  60.     margin-top: 10px;
  61. }
  62.  
  63. #title a {
  64.     text-decoration:none;
  65. }
  66.  
  67. h1 {
  68.     font-size: 3.3em;
  69.     font-weight:normal;
  70.     text-align: center;
  71.     color: white;
  72.     margin: 10px;
  73.     margin-top: 0;
  74.     padding-top: 10px;
  75.     margin-bottom: 5px;
  76.     display: block;
  77. }
  78.  
  79. /* IE Hack */
  80.  
  81. /* Hides from IE5-mac \*/
  82. * html h1 {
  83.     height: 1%;
  84. }
  85. /* End hide from IE5-mac */
  86.  
  87. h1 a {
  88.     text-decoration:none;
  89.     border:none;
  90.     color: white;
  91. }
  92.  
  93. h1 a:hover, a:focus, a:active {
  94.     border-bottom: 1px solid white;
  95. }
  96.  
  97. #title img {
  98.     border:none;
  99.     margin-top: 10px;
  100. }
  101.  
  102. #title p {
  103.     font-weight:normal; 
  104.     font-size:1.3em;
  105.     text-align: center;
  106.     margin: 5px 10px 0px 10px;
  107.     padding-bottom: 14px;
  108.     color: white;
  109. }
  110.  
  111. /* IE Hack */
  112.  
  113. /* Hides from IE5-mac \*/
  114. * html #title p {
  115.     height: 1%;
  116. }
  117. /* End hide from IE5-mac */
  118.  
  119. #sitemenu-container {
  120.     clear: both;
  121.     padding-top: 0px;
  122.     margin-top: 0px;
  123. }
  124.  
  125. /* Hides from IE5-mac \*/
  126. * html #sitemenu-container {
  127.     margin: 0;
  128. }
  129. /* End hide from IE5-mac */
  130.  
  131. body.no-sidebar #sitemenu-container {
  132. }
  133.  
  134. #sitemenu {
  135.     clear: both;
  136.     margin: auto;
  137.     padding: 0;
  138.     background: rgb(167, 167, 167);
  139.     margin-top: 10px;
  140. }
  141.  
  142. #sitemenu-content ul {
  143.     text-align: center;
  144.     padding:0;
  145.     padding: 10px;
  146.     padding-bottom: 9px;
  147.     padding-top: 10px;
  148.     padding-left: 35px;
  149.     padding-right: 35px;
  150. }
  151.  
  152. /* Hides from IE5-mac \*/
  153. * html #sitemenu-content ul {
  154.     padding-left: 0;
  155. }
  156. /* End hide from IE5-mac */
  157.  
  158. #sitemenu-content li {
  159.     margin: 1px 0px;
  160.     padding: 0px 3px;
  161.     display: inline;
  162.     font-weight: normal; 
  163.     font-size:1.0em;
  164.     text-transform: uppercase;
  165.     color: white;
  166. }
  167.  
  168. #sitemenu-content span.i1 {
  169.     border: none !important;
  170. }
  171.  
  172. #sitemenu-content a{
  173.     text-decoration: none;
  174.     border:none;
  175.     padding-left: 3px;
  176.     color: white;
  177. }
  178.  
  179. #sitemenu-content li.currentPage span.in  {
  180.     text-decoration: none;
  181.     padding-left: 3px;
  182.     color: black;
  183. }
  184.  
  185. #sitemenu-content a:hover, a:focus{
  186.     text-decoration: none;
  187.     color: black
  188. }
  189.  
  190. #sitemenu-content a:active {
  191.     text-shadow: 0px 0px 5px rgb(250, 255, 0);
  192.     border: none !important;
  193. }
  194.  
  195. #page-content {
  196.     width: 771px;
  197.     margin: auto;
  198.     clear: both;
  199.     min-height: 200px;
  200.     margin-top: 10px;
  201. }
  202.  
  203. body.no-sidebar #page-content {
  204.     width: 771px;
  205. }
  206.  
  207. #sidebar {
  208.     float: right;
  209.     width: 230px;
  210.     word-wrap: break-word;
  211.     font-size: 0.8em;
  212.     text-align: center;
  213.     margin-right: 0px;
  214.     background: rgb(214, 200, 227);
  215. }
  216.  
  217. /* IE Hack */
  218.  
  219. /* Hides from IE5-mac \*/
  220. * html #sidebar {
  221.     margin-right: 0px;
  222.     margin-top: 0;
  223. }
  224. /* End hide from IE5-mac */
  225.  
  226. #sidebar p, .pagelet table {
  227.     margin-left: 10px;
  228.     margin-right: 10px;
  229.     text-align: left;
  230. }
  231.  
  232. #sidebar ul, .callout ul {
  233.     text-align:left;
  234. }
  235.  
  236. .pagelet {
  237.     width: 230px;
  238.     word-wrap:break-word;
  239.     overflow:hidden;
  240.  
  241. }
  242.  
  243. .pagelet h4 {
  244.     padding: 5px;
  245.     margin: 10px;
  246.     font-size: 1.5em;
  247.     font-weight: normal;
  248.     color: white;
  249.     text-align: center;
  250.     background: rgb(167, 167, 167);
  251. }
  252.  
  253. .pagelet.bordered {
  254.     border:rgb(147, 116, 143) solid 2px;
  255.     margin:10px 10px;
  256.     padding:0px;
  257.     width:206px;
  258. }
  259.  
  260. .pagelet.bordered p {
  261.     padding:0px 5px;
  262. }
  263.  
  264. .pagelet.bordered h4 {
  265.     margin:0px;
  266. }
  267.  
  268. /* photo-page, html-page (in some cases), iframe-page don't have sidebar */
  269. body.no-sidebar #main {
  270.     margin-left: 0px;
  271.     margin-right: 0px;
  272.     font-size:1em;
  273.     background: rgb(218, 218, 218);
  274. }
  275.  
  276. /* Most other pages have sidebars */
  277. body.allow-sidebar #main {
  278.     margin-left: 0px;
  279.     float: left;
  280.     width: 531px;
  281.     font-size: 1em;
  282.     background: rgb(218, 218, 218);
  283. }
  284.  
  285. /* IE Hack */
  286.  
  287. /* Hides from IE5-mac \*/
  288. * html .body.allow-sidebar #main {
  289.     margin:0;
  290.     padding:0;
  291.     margin-left: 0px;
  292. }
  293. /* End hide from IE5-mac */
  294.  
  295. h2 {
  296.     display: block;
  297.     font-size:2em;
  298.     font-weight: normal;
  299.     color: black;
  300.     text-align: center;
  301.     padding: 10px;
  302.     margin-top: 0;
  303.     background: rgb(147, 116, 143);
  304.     color: white;
  305.     border-bottom: 10px solid white;
  306. }
  307.  
  308. /* Hides from IE5-mac \*/
  309. * html h2 {
  310.     height: 28px;
  311. }
  312. /* End hide from IE5-mac */
  313.  
  314. #main ul {
  315.  
  316. }
  317.  
  318. #main li {
  319.  
  320. }
  321.  
  322. #main li a {
  323.     color: black;
  324.     text-decoration: none;
  325.     border-bottom: 1px dashed rgb(150, 150, 150);
  326. }
  327.  
  328. #main li a:hover, a:focus{
  329.     border-bottom: 1px solid black;
  330. }
  331.  
  332. #main li a:active {
  333.     text-shadow: 0px 0px 5px rgb(250, 255, 0);
  334. }
  335.  
  336. .article {
  337.     margin-left: 10px;
  338.     margin-right: 10px;
  339.     margin-bottom: 10px;
  340. }
  341.  
  342. .article h3 {
  343.     border-top: 10px solid white;
  344.      border-bottom: 10px solid white;
  345.      padding: 5px;
  346.      font-size: 1.4em;
  347.      color: black;
  348.      font-weight: normal;
  349.      text-align: left;
  350.      background: rgb(214, 200, 227);
  351.      margin-right: -10px;
  352.      margin-left: -10px;
  353. }
  354.  
  355. .article h3 a {
  356.     color: black;
  357.     padding: 3px;
  358.     text-decoration: none;
  359.     border-bottom: 1px dashed rgb(150, 150, 150);
  360. }
  361.  
  362. .article h3 a:hover, a:focus{
  363.     border-bottom: 1px solid black;
  364.     text-decoration: none;
  365. }
  366.  
  367. .article h3 a:active {
  368.     text-shadow: 0px 0px 5px rgb(250, 255, 0);
  369. }
  370.  
  371. a {
  372.     color: black;
  373.     text-decoration: none;
  374.     border-bottom: 1px dashed rgb(150, 150, 150);
  375. }
  376.  
  377. .article img {
  378.     border: none;
  379. }
  380.  
  381. .article img.narrow {
  382.     float: left;
  383.     margin-right: 10px;
  384.     margin-bottom: 10px;
  385. }
  386.  
  387. a:hover, a:focus{
  388.     border-bottom: 1px solid black;
  389. }
  390.  
  391. .article-thumbnail {
  392.     float: left;
  393.     margin-right: 10px;
  394.     margin-bottom: 10px;
  395. }
  396.  
  397. .callout {
  398.     float: right;
  399.     text-align: center;
  400.     background: rgb(214, 200, 227);
  401.     margin-right: -15px;
  402.     margin-top: 0px;
  403.     margin-left: 15px;
  404.     margin-bottom: 20px;
  405.     border: 5px solid white;
  406.     border-right: none;
  407. }
  408.  
  409. .callout p {
  410.     text-align: left;
  411.     padding-left: 10px;
  412.     padding-right: 10px;
  413. }
  414.  
  415. .callout h4 {
  416.     font-weight: normal !important;
  417.     font-size: 1.25em !important;
  418.     line-height: normal;
  419.     text-shadow: none;
  420. }
  421.  
  422. #page-bottom {
  423.     background: rgb(167, 167, 167);
  424.     border-top: 10px solid white;
  425.     border-bottom: 10px solid white;
  426.     font-weight: normal;
  427.     font-size: 1em;
  428.     text-align: center;
  429.     color: white;
  430.     padding: 5px;
  431. }
  432.  
  433. body.allow-sidebar #page-bottom {
  434. }
  435.  
  436. #page-bottom p {
  437.     margin: 0;
  438. }
  439.  
  440. div.photo-viewer-summary .article {
  441.     margin: auto;
  442. }
  443.  
  444. .HTMLElement {
  445.     margin-bottom: 10px;
  446. }
  447.  
  448. .ImageElement, .VideoElement {
  449.     text-align: center;
  450. }
  451.  
  452. .caption {
  453.     padding: 10px;
  454.     font-size: 1.5em;
  455. }
  456.  
  457. /* Used on Photo Grid Pages ... */
  458. .photogrid-index {
  459.     text-align: center;
  460.     margin: auto;
  461.     margin-top: 10px;
  462.     margin-bottom: 10px;
  463.     margin-left: 0px;
  464.     padding: 5px;
  465.     padding-left: 10px;
  466.     border-top: 10px solid white;
  467.     border-bottom: 10px solid white;
  468.     overflow: auto;
  469.     width: 516px;
  470.     background: rgb(214, 200, 227);
  471. }
  472.  
  473. body.no-sidebar .photogrid-index {
  474.     padding:5px 40px;
  475.     width:691px;
  476. }
  477.  
  478. .photogrid-index a {
  479.     color:#000;
  480.     text-decoration:none;
  481. }
  482. .photogrid-index a:hover h3 {
  483.     text-decoration:underline;
  484. }
  485.  
  486.  
  487. .gridItem {
  488.     float: left;
  489.     position:relative;
  490.     width:150px;
  491.     height:180px;    /* room for caption */
  492.     margin: 10px;
  493.     padding-top: 10px;
  494.     background: white;
  495.     overflow: hidden;
  496. }
  497.  
  498. .gridItem h3 {
  499.     font-size: 0.9em;
  500.     font-weight: normal;
  501.     color: black;
  502.     margin-top: 4px;
  503.     margin-left: 7px;
  504.     margin-right: 7px;
  505.     position:absolute;
  506.     top: 140px; /* needs to leave 38px from the bottom of the gridItem¬†*/
  507.     width: 136px;
  508. }
  509.  
  510. .gridItem img {
  511.     border: 1px solid rgb(147, 116, 143);
  512.     margin: auto;
  513.     display:block;
  514.     position: absolute;
  515.     top: 0;
  516.     bottom: 40px;
  517.     right: 0;
  518.     left: 0;
  519. }
  520.  
  521. /* IE Hack */
  522.  
  523. /* Hides from IE5-mac \*/
  524. * html .photogrid-index {
  525.     padding:8px 0px;
  526.     width:531px;
  527.     overflow:visible;
  528. }
  529.  
  530. * html .gridItem img {
  531.     position: relative;
  532.     top:6px;
  533. }
  534.  
  535. * html .gridItem h3 {
  536.     position: relative;
  537.     top: 0px;
  538. }
  539.  
  540. /* End hide from IE5-mac */
  541.  
  542.  
  543. /* Used on index summary pages */
  544. .listing-index #main li h3 a {
  545.     text-decoration:none;
  546.     font-size:1em;
  547.     font-weight:normal;
  548. }
  549.  
  550. /* Individual Photo Pages */
  551.  
  552. .photo-navigation {
  553.     position:relative;
  554.     height: 30px;
  555.     width:100%;
  556.     margin-top:-5px;
  557.     margin-bottom: 5px;
  558. }
  559.  
  560. .photo-navigation div {
  561.     width:30px;
  562.     height:30px;
  563.     position: absolute;
  564.     text-indent: -5000em;
  565. }
  566.  
  567. .photo-navigation a {
  568.     border-bottom:none;
  569.     display:block;
  570.     width:100%;
  571.     height:100%;
  572. }
  573.  
  574. #previous-photo    {
  575.     background: url(photo-buttons-disabled.gif)        no-repeat;
  576.     left: 330px;
  577. }
  578. .allow-sidebar #previous-photo {
  579.     left:210px;
  580. }
  581. #previous-photo a {
  582.     background: url(photo-buttons.gif)        no-repeat;
  583. }
  584.  
  585. #next-photo {
  586.     background: url(photo-buttons-disabled-03.gif)        no-repeat;
  587.     left: 410px; 
  588. }
  589. .allow-sidebar #next-photo {
  590.     left:290px;
  591. }
  592. #next-photo a {
  593.     background: url(photo-buttons-03.gif)        no-repeat;
  594. }
  595.  
  596. #photo-list {
  597.     background: url(photo-buttons-disabled-02.gif)        no-repeat;
  598.     left: 370px;
  599. }
  600. .allow-sidebar #photo-list {
  601.     left:250px;
  602. }
  603. #photo-list a {
  604.     background: url(photo-buttons-02.gif)        no-repeat;
  605. }
  606.  
  607. .image-controls a {
  608.     border-bottom:none !important;
  609. }
  610.  
  611.  
  612. /* IE 5/5.5 Hackery */
  613.  
  614. @media tty {
  615. i{content:"\";/*" "*/}} @import 'ie.css'; /*";}
  616. }/* */
  617.  
  618. /* IE:Mac Hackery */
  619.  
  620. /*\*//*/
  621.  
  622. body.allow-sidebar #main {
  623.     float: left;
  624.     width: 470px;
  625.     font-size: 1em;
  626.  
  627. }
  628.  
  629. .article {
  630.     margin:0;
  631.     margin-top: -10px;
  632.     background: none;
  633.     border: none;
  634.     padding-bottom: 0;
  635.     padding-top: 0;
  636. }
  637.  
  638. #sitemenu {
  639.     margin-top: 0px;
  640. }
  641.  
  642. #sitemenu-content ul {
  643.     padding-top: 0px;
  644. }
  645.  
  646. .article p {
  647.     clear: none;
  648. }
  649.  
  650. .article a {
  651.     text-decoration: underline;
  652.     border-bottom: none;
  653. }
  654.  
  655. .article a:hover, a:focus, a:active {
  656.     border-bottom: none;
  657.     color: black;
  658. }
  659.  
  660. .article-summary {
  661.     padding: 0;
  662.     margin: 0;
  663.     clear: none;
  664. }
  665.  
  666. #page-bottom p {
  667.     margin-top: 0;
  668. }
  669.  
  670. /**/
  671.